<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 依 赖 样 式 -->
    <link rel="stylesheet" href="/component/pear/css/pear.css" />
    <!-- 加 载 样 式-->
    <link rel="stylesheet" href="/admin/css/load.css" />
    <!-- 布 局 样 式 -->
    <link rel="stylesheet" href="/admin/css/admin.css" />
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.7/dist/css/layui.css">
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.7/dist/layui.js"></script>
</head>
<body>
<div class="layui-header" id="header">

    <a href="/front/index">
        <div class="layui-logo layui-hide-xs">你饿么在线订餐</div>
    </a>
    <!-- 页面头部左边 -->
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item layui-hide-xs"><a href="/front/index">首页</a></li>
        <li class="layui-nav-item layui-hide-xs"><a href="/front/toOrder">点餐</a></li>
        <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">我们的团队</a></li>

    </ul>

<!--    &lt;!&ndash; 头部右边 &ndash;&gt;-->
<!--    <ul class="layui-nav layui-layout-right ">-->
<!--        -->
<!--    </ul>-->
    <!-- 头部右边 -->
    <ul class="layui-nav layui-layout-right " >
        <li class="layui-nav-item layui-hide-xs layui-show-md-inline-block" ><a href="/order/showUserBuyOrder">我的订单</a></li>
        <li class="layui-nav-item layui-hide-xs layui-show-md-inline-block" ><a href="/order/showUserOrder">购物车</a></li>
        <li class="layui-nav-item layui-hide-xs layui-show-md-inline-block" ><a href="/toLogin">登录</a></li>
<!--        <li class="layui-nav-item layui-hide-xs" shiro:hasAnyRoles="admin,super_admin"><a href="/index">后台管理</a></li>-->
        <li class="layui-nav-item layui-inline">
            <a href="javascript:;">
                <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
<!--                <span th:text="session.user.username"></span>-->
            </a>
            <dl class="layui-nav-child">
<!--                <dd><a href="javascript:;" onclick="showInfo()">我的信息</a></dd>-->
                <dd><a href="javascript:;" onclick="updatePassword()">修改密码</a></dd>
                <dd><a href="/logout">注销登录</a></dd>
            </dl>
        </li >
        <li class="layui-nav-item layui-hide ">
            &nbsp;&nbsp;&nbsp;
        </li>
    </ul>
</div>
<script>

    function showInfo() {
        layer.open({
            type: 2,
            title: '个人信息',
            shade: 0.1,
            area: ['650px', '600px'],
            content: '/front/showUserInfo'
        });
    }

    function updatePassword() {
        layer.open({
            type: 2,
            title: '修改密码',
            shade: 0.1,
            area: ['600px', '450px'],
            content: '/user/updatePassword'
        });
    }
</script>
</body>
</html>